<template>
	<view class="article-container body-space">
		<!-- 标题 -->
		<view class="title">茶能醉人何需酒？这般肆意的春天，就该到山里喝茶去</view>
		<!-- 作者信息 -->
		<a class="author" href="">
			<img src="https://res01.tourzj.com/logo/feekr-logo-180X180.jpg" alt="">
			<text>浙家诗画</text>
		</a>
		<view class="view-count">
			<text>总阅读数</text>14335
		</view>
	</view>
</template>

<script>
</script>

<style>
    @import '/static/css/reset.css';
	.article-container{
		width: 100%;
		background: #fff;
		margin-top: 0;
		padding: 1rem;
	}
	
	.body-space {
	    padding-top: 1rem;
	}
	
	.article-container .title {
	    font-size: 1rem;
	    line-height: 1.7;
		padding-left: 0;
	}
	
	.article-container .author {
	    color: #666;
	    font-size: .9rem;
	    display: inline-block;
	    padding: 1rem 0;
	}
	
	.article-container .author img {
	    display: inline-block;
	    vertical-align: middle;
	    width: 1.5rem;
	    height: 1.5rem;
	    border-radius: 50%;
	}
	
	.article-container .author text {
	    vertical-align: middle;
	    padding-left: 0.5rem;
	}
	
	.article-container .view-count {
	    font-size: .9rem;
	    color: #666;
	    display: inline-block;
	    padding-top: 2rem;
	    margin-left: 1rem;
	}
	
	.article-container .view-count text {
	    padding: .5rem .3rem 0 0;
	}
</style>
